<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <h3>无序列表</h3>
        <ul>
             <li>唐僧</li>
             <li>孙悟空</li>
             <li>猪八戒</li>
             <li>沙悟净</li>
        </ul>
      <h3>MYSQL的四大特性（有序列表）</h3>
        <ol>
           <li>原子性</li>
           <li>隔离性</li>
           <li>一致性</li>
           <li>持久性</li>
        </ol>
      <h3>自定义列表</h3>
        <dl>
          <dt>标题</dt>
          <dd>联表查询</dd>
          <dd>事务</dd>
          <dd>索引</dd>
        </dl>

      <hr>
    <form action = "https://www.baidu.com" method = "get">
      账号：<input type = "text"> <br>
      密码：<input type = "password"> <br>
      性别：<input type = "radio" name = "sex">男 &nbsp;&nbsp;&nbsp;<input type = "radio" name = "sex">女 <br>
      爱好：<input type = "checkbox">健身 &nbsp;&nbsp;<input type = "checkbox">打篮球 &nbsp;&nbsp;<input type = "checkbox">听音乐 <br>
      头像：<input type = "file"> <br>
      大学：<select>
        <option>清华大学</option>
        <option>北京大学</option>
        <option>长江大学</option>
        <option selected = "selected">三峡大学</option>
    </select>
        <br>
        备注：<textarea cols = "50" rows = "7"  >


    </textarea>
    <br>
     <input type = "button" value = "普通按钮"> &nbsp;&nbsp;&nbsp; <input type = "submit" value = "提交"> &nbsp;&nbsp;&nbsp; <input type = "reset" value="清除">
        <br>
    </form>
</body>
</html>